﻿@{
    Layout = null;
}
@model INSE6260.OnlineBanking.Model.ClientCard.LoginInfo
<!DOCTYPE html>
<html>
<head>
    <link href="@Url.Content("~/Content/images/style.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
    <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js"type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>
    <script type="text/javascript" src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js'></script>
    <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js"type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>
    <title>Login</title>
</head>
<body>
    <div align="center" style="top: 50%; width: 500px; height: 300px; margin: auto; text-align: left;
        padding: 15px; border: 1px dashed #333; background-color: rgb(224,219,148);">
        <div style="margin: auto; height: 100%; width: 100%; display: inline-block;" align="center">
            @using (Html.BeginForm())
            {
                @Html.ValidationSummary(true)
                <fieldset>
                    <div class="editor-label">
                        Card Number:
                    </div>
                    <div class="editor-field">
                        @Html.TextBoxFor(model => model.CardNo)
                        @Html.ValidationMessageFor(model => model.CardNo)
                    </div>
                    <div class="editor-label">
                        Password:
                    </div>
                    <div class="editor-field">
                        @Html.PasswordFor(model => model.Password)
                        @Html.ValidationMessageFor(model => model.Password)
                    </div>
                    <p>
                        <div>
                            <input name="submit" type="submit" value="SignIn" />
                            <input type="button" value="Cancel" />
                        </div>
                    </p>
                </fieldset>
            }
        </div>
    </div>
</body>
</html>
